<template>
  <div class="outer">
    <!-- 头部 -->
    <Header></Header>
    <!-- 商品分类导航组件 -->
    <TypeNav v-if="$route.meta.isTypeNav"></TypeNav>
    <!-- 路由呈现的位置 -->
    <router-view></router-view>
    <!-- 底部 -->
    <Footer></Footer>
  </div>
</template>

<script>
import Header from '@/compoents/Header'
import Footer from '@/compoents/Footer'
export default {
  name: 'App',
  components: { Header, Footer }
}
</script>

<!-- 引入less -->
<style lang="less">
</style>